<template>
    <div>
        <table-index
            :dataSource="dataSource"
            :tableColumns="tableColumns"
            :btnList="[]"
            :pageSize="pageSize"
            :pageCount="pageCount"
            :pageNo="pageNo"
            @pageChange="pageChange"
            @handleCurrentChange="handleCurrentChange"
            :height="secondTableHeight"
        ></table-index>
    </div>
</template>

<script>
import tableIndex from '@/components/customComponents/customeTable/iviewTable/singleViewTable'
import {AjaxCommon} from '@/libs/apiCommon'
import {PopupCommon} from '@/libs/popupCommon'
export default {
    components: {
        tableIndex
    },
    // props: ['searchValue'],
    // watch: {
    //     searchValue: {
    //         handler(n) {
    //
    //             if (n) {
    //
    //                 this.pageNo = 1
    //                 this.initPage(n)
    //             }
    //         },
    //         deep: true,
    //         immediate: false
    //     }
    // },
    data() {
        return {
            searchValue: '',
            secondTableHeight: 350,
            dataSource: [],
            tableColumns: [
                {
                    key: 'ac_id',
                    title: '账户ID'
                },
                {
                    key: 'ac_name',
                    title: '账户名称'
                },
                {
                    key: 'user_name',
                    title: '用户姓名'
                },

                {
                    key: 'USER_TEL',
                    title: '联系电话'
                }
            ],
            pageSize: 20,
            pageCount: 100,
            pageNo: 1
            // table 相关参数  end
        }
    },
    created() {},
    methods: {
        handleCurrentChange(d) {
            this.$emit('handleCurrentChange', JSON.stringify(d))
        },
        // 分页点击事件
        pageChange(p) {
            this.pageNo = p
            this.initPage(this.searchValue)
        },

        // 初始化事件
        initPage(value) {
            this.searchValue = value
            let self = this
            // 根据账户ID、手机号码或用户姓名查找账户（根据页面需要展示相关字段）
            // 返回ac_guid账户GUID、
            // user_id用户ID、
            // ac_id账户ID、
            // ac_name账户名称、
            // user_name用户名称
            //  user_email 邮箱、
            //  USER_TEL电话、
            //  free_sum免费账户余额、free_e_sum免费电余额、free_w_sum免费水余额 self_sum自缴费剩余金额、 ac_sum总剩余金额、
            //  acType账户类型（0：电表账户 1：水表账户 2:气表账户 3：电表水表混合 4：电表气表混合 5：水表气表混合 6：电表水表气表混合） w_acType账户使用类型（来至于数据字典，如学生宿舍、办公室、物业等 WYFZH为需缴纳物业费账户）

            // api/Payment/GetAccountInfo?key={key}&actype={actype}&pageIndex={pageIndex}&pageSize={pageSize}
            AjaxCommon(
                `/api/Payment/GetAccountInfo?key=${value}&actype=&pageSize=${this.pageSize}&pageIndex=${this.pageNo}`,
                'get',
                null
            ).then((res) => {
                if (res?.data?.Code == 200) {
                    const data = res?.data.Message
                    self.dataSource = data?.rows
                    self.pageCount = parseInt(data?.total)
                    self.$emit('handleCurrentChange', '')
                } else {
                    PopupCommon.notify('error', res?.data?.msg)
                }
            })
        }
    },
    mounted() {}
}
</script>

<style></style>
